<template>
  <div class="flex flex-row items-center">
    <div class="form-item-inline grow">
      <div class="h-3 w-1 bg-emerald-500 rounded-lg"></div>
      <div class="title-lg">{{ props.title }}</div>
    </div>
    <slot name="footer"></slot>
  </div>
</template>

<script setup lang='ts'>

interface Props {
  title?: string;
}

const props = withDefaults(defineProps<Props>(), {
  title: ''
})

</script>

<style></style>